import axios from 'axios'
import store from '../store'
import JSONBig from 'json-bigint'
import router from '@/router'

const request = axios.create({
  baseURL: 'http://toutiao.itheima.net',
  // 自定义后端返回的原始数据
  transformResponse: [function (data) {
    // return JSON.parse(data) // 默认
    try {
      return JSONBig.parse(data)
    } catch (err) {
      return data
    }
  }]
})

// 请求拦截器
request.interceptors.request.use(function (config) {
  const { user } = store.state
  if (user && user.token) {
    config.headers.Authorization = 'Bearer ' + user.token
  }
  return config
}, function (error) {
  return Promise.reject(error)
})
// 响应拦截器
request.interceptors.response.use(function (response) {
  return response
}, async function (error) {
  // 如果响应码是 401 ，则请求获取新的 token
  // 响应拦截器中的 error 就是那个响应的错误对象
  // console.dir(error);
  if (error.response && error.response.status === 401) {
    // 校验是否有 refresh_token
    const user = store.state.user
    if (!user || !user.refresh_token) {
      router.push('/login')
      return
    }
    // 如果有refresh_token，则请求获取新的 token
    try {
      const res = await axios({
        method: 'PUT',
        url: 'http://ttapi.research.itcast.cn/app/v1_0/authorizations',
        headers: {
          Authorization: `Bearer ${user.refresh_token}`
        }
      })
      // console.log("刷新 token  成功", res);
      store.commit('setUser', {
        token: res.data.data.token, // 最新获取的可用 token
        refresh_token: user.refresh_token // 还是原来的 refresh_token
      })
      // 把之前失败的用户请求继续发出去
      // config 是一个对象，其中包含本次失败请求相关的那些配置信息，例如 url、method 都有
      // return 把 request 的请求结果继续返回给发请求的具体位置
      return request(error.config)
    } catch (err) {
      console.log('请求刷新 token 失败', err)
      router.push('/login')
    }
  }
  return Promise.reject(error)
})

export default request
